<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>案例_自行车手</title>
    <style>
        .container {
          width: 130px;
          height: 130px;
          background-image: url("../images/bike.png");
          margin: 0 auto;
          margin-top: 100px;
          animation: cty 1s steps(31) infinite;
        }

        @keyframes cty {
          from {}
          to {
            background-position: 0 -4030px;
          }
        }
    </style>
</head>
<body>
  <div class="container"></div>
</body>
</html>